<!DOCTYPE html>
<html>
	<head>
		<title>chart created with amCharts | amCharts</title>
		<meta name="description" content="chart created using amCharts live editor" />
		
		<!-- amCharts javascript sources -->
		<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
		<script type="text/javascript" src="https://cdn.amcharts.com/lib/3/serial.js"></script>
		

		<!-- amCharts javascript code -->
		<script type="text/javascript">
			AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"categoryField": "Country Name",
					"dataDateFormat": "YYYY",
					"handDrawThickness": 2,
					"theme": "default",
					"categoryAxis": {
						"minPeriod": "YYYY",
						"parseDates": true
					},
					"chartCursor": {
						"enabled": true,
						"animationDuration": 0,
						"categoryBalloonDateFormat": "YYYY"
					},
					"chartScrollbar": {
						"enabled": true
					},
					"trendLines": [],
					"graphs": [
						{
							"bullet": "round",
							"id": "AmGraph-1",
							"title": "China",
							"valueField": "China"
						},
						{
							"bullet": "square",
							"id": "AmGraph-2",
							"title": "France",
							"valueField": "France"
						},
						{
							"id": "AmGraph-3",
							"title": "India",
							"valueField": "India"
						},
						{
							"id": "AmGraph-4",
							"title": "America",
							"valueField": "America"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "ValueAxis-1",
							"title": "Axis title"
						}
					],
					"allLabels": [],
					"balloon": {},
					"legend": {
						"enabled": true,
						"useGraphSettings": true
					},
					"titles": [
						{
							"id": "Title-1",
							"size": 15,
							"text": "四国GDP-服务业"
						}
					],
					"dataProvider": [
						{
							"Country Name": "2000",
							"China": "4.8196E+11",
							"France": "1.04619E+12",
							"India": "2.39177E+11",
							"America": "7.8315E+12"
						},
						{
							"Country Name": "2001",
							"China": "5.52143E+11",
							"France": "1.0617E+12",
							"India": "2.51912E+11",
							"America": "8.1906E+12"
						},
						{
							"Country Name": "2002",
							"China": "6.2128E+11",
							"France": "1.16119E+12",
							"India": "2.71912E+11",
							"America": "8.56556E+12"
						},
						{
							"Country Name": "2003",
							"China": "6.97786E+11",
							"France": "1.43797E+12",
							"India": "3.21679E+11",
							"America": "8.952E+12"
						},
						{
							"Country Name": "2004",
							"China": "8.05273E+11",
							"France": "1.65797E+12",
							"India": "3.7569E+11",
							"America": "9.5038E+12"
						},
						{
							"Country Name": "2005",
							"China": "9.44923E+11",
							"France": "1.72922E+12",
							"India": "4.33539E+11",
							"America": "1.01241E+13"
						},
						{
							"Country Name": "2006",
							"China": "1.1585E+12",
							"France": "1.8378E+12",
							"India": "4.91411E+11",
							"America": "1.06938E+13"
						},
						{
							"Country Name": "2007",
							"China": "1.5221E+12",
							"France": "2.1853E+12",
							"India": "6.36921E+11",
							"America": "1.12177E+13"
						},
						{
							"Country Name": "2008",
							"China": "1.96912E+12",
							"France": "2.3346E+12",
							"India": "6.24293E+11",
							"America": "1.15432E+13"
						},
						{
							"Country Name": "2009",
							"China": "2.26549E+12",
							"France": "2.1776E+12",
							"India": "6.99585E+11",
							"America": "1.15493E+13"
						},
						{
							"Country Name": "2010",
							"China": "2.68914E+12",
							"France": "2.1371E+12",
							"India": "8.75483E+11",
							"America": "1.19881E+13"
						},
						{
							"Country Name": "2011",
							"China": "3.34481E+12",
							"France": "2.3277E+12",
							"India": "9.5977E+11",
							"America": "1.23849E+13"
						},
						{
							"Country Name": "2012",
							"China": "3.8791E+12",
							"France": "2.1635E+12",
							"India": "9.82467E+11",
							"America": "1.29525E+13"
						},
						{
							"Country Name": "2013",
							"China": "4.48668E+12",
							"France": "2.26552E+12",
							"India": "1.0192E+12",
							"America": "1.33798E+13"
						},
						{
							"Country Name": "2014",
							"China": "5.05668E+12",
							"France": "2.3047E+12",
							"India": "1.13277E+12",
							"America": "1.39522E+13"
						},
						{
							"Country Name": "2015",
							"China": "5.61614E+12",
							"France": "1.96878E+12",
							"India": "1.1887E+12",
							"America": "1.46338E+13"
						},
						{
							"Country Name": "2016",
							"China": "5.882E+12",
							"France": "2.00629E+12",
							"India": "1.3843E+12",
							"America": "1.51459E+13"
						},
						{
							"Country Name": "2017",
							"China": "6.48575E+12",
							"France": "2.1769E+12",
							"India": "1.5979E+12",
							"America": "1.5722E+13"
						},
						{
							"Country Name": "2018",
							"China": "7.4181E+12",
							"France": "2.26522E+12",
							"India": "1.55571E+12",
							"America": "1.6522E+13"
						},
						{
							"Country Name": "2019",
							"China": "7.74958E+12",
							"France": "2.21183E+12",
							"India": "1.66317E+12",
							"America": "1.72931E+13"
						},
						{
							"Country Name": "2020",
							"China": "7.99873E+12",
							"France": "2.16227E+12",
							"India": "1.5529E+12",
							"America": "1.71733E+13"
						},
						{
							"Country Name": "2021",
							"China": "9.52828E+12",
							"France": "2.41671E+12",
							"India": "1.78315E+12",
							"America": "1.89215E+13"
						},
						{
							"Country Name": "2022",
							"China": "9.4822E+12",
							"France": "2.24893E+12",
							"India": "1.95526E+12",
							"America": "2.06861E+13"
						}
					]
				}
			);
		</script>
	</head>
	<body>
		<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;" ></div>
	</body>
</html>